<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        {{ template:head }}    
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="Vietnam Bike Tours">
        <meta name="author" content="nugrafiz.com" />
        <meta name='robots' content='noindex,follow' />
        <!-- Le styles -->
        <link href="{{ theme_url }}/assets/css/All-Stylesheets.css" rel="stylesheet">
        <script src="{{ theme_url }}/assets/js/bootstrap/jquery.js"></script>
        <script src="{{ theme_url }}/assets/js/bootstrap/jquery-migrate-1.0.0.js"></script>
        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
        <script src="http://client.locisme.com/vbt2/wp-content/themes/biker_temp2/js/html5shiv.js"></script>
        <![endif]-->
        <!-- Fav and touch icons -->        
        <!--<link rel="shortcut icon" href="{{ theme_url }}/assets/images/ico/favicon.png">-->
        <style>
            .w94 {
                width: 94%;
            }
            .w20 {
                width: 20%;
                float:left;
                margin-right:10%;
            }
            .w40 {
                width: 40%;
                float:left;
                margin-right:10%;
            }
            .bcomment {
                width:94%; 
                height:100px;
            }
            .logo-bottom {
                display:none;
            }
        </style>
    </head>
    <body>
        <!-- Preloader -->		
        <table class="doc-loader">
            <tr>
                <td>
                    <img src="{{ theme_url }}/assets/images/progress.gif" alt="Loading...">
                </td>
            </tr>
        </table>
        
        <!-- Logo and Navigation Starts -->           
        <div class="logo-bottom">
            <div class="nav-collapse collapse">
                <div class="logo">
                    <a href="{{ site_url }}/#homepage" data-toggle="collapse" data-target=".nav-collapse" >
                        <img src="{{ theme_url }}/assets/images/logo-big-10.png" alt="" />
                    </a>
                </div>                  
            </div>
        </div>
        
        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span> 
                        <span class="icon-bar"></span> 
                        <span class="icon-bar"></span> 
                    </button>
                    <div class="nav-collapse collapse">
                        <ul class="nav pull-right">
                            <li class="active"><a href="#" data-toggle="collapse" data-target=".nav-collapse">HOME</a></li>
                            <li><a href="#about" data-toggle="collapse" data-target=".nav-collapse">ABOUT</a></li>
                            <li><a href="#tours" data-toggle="collapse" data-target=".nav-collapse">TOURS</a></li>
                            <li><a href="#tips" data-toggle="collapse" data-target=".nav-collapse">TIPS</a></li>
                            <li><a href="#contact" data-toggle="collapse" data-target=".nav-collapse">CONTACT</a></li>
                            <li><a href="{{ site_url }}/category/blog/" class="external" target="_self" data-toggle="collapse" data-target=".nav-collapse">BLOG</a></li>
                            <li><a href="#booking" data-toggle="collapse" data-target=".nav-collapse">BOOKING</a></li>
                        </ul>                                                
                    </div>
                </div>
            </div>
            
            <div class="container">
                <div class="logo-menu">
                    <a href="{{ site_url }}" data-toggle="collapse" data-target=".nav-collapse">
                        <img src="{{ theme_url }}/assets/images/logo1.png" alt="" />
                    </a>
                </div>
            </div>
            
            <div class="logo-top" style="margin-bottom: 50px;"> 
                <div class="container">
                    <div class="logo-top-bg" >
                        <a href="{{ site_url }}/#homepage" data-toggle="collapse" data-target=".nav-collapse">
                            <img src="{{ theme_url }}/assets/images/logo2.png" alt="" >
                            <p>log in/register </p>
                        </a>
                    </div>
                </div>
            </div>
        </div>